<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>div+css布局</title>
		<style type="text/css">
			/**清除body默认的margin值**/
			body {
				margin: 0px auto; /*居中处理**/
				width: 600px;
				background-color: #C9D7E5;
			}

			#main {
				margin: 0px;
				/* border:none; */
				width: 100%;
			}

			/*div1 div2 左浮动**/
			#div1,
			#div2 {
				float: left;
				width: 30%;
			}

			.rowstyle1 {
				margin: 3px auto;
				width: 65%;
			}

			/* #div2{
				margin-top: -20px;
			} */

			/*设置浮动方式**/
			/* div {
				float: left;
			} */

			/*清除浮动方式**/
			/* #div3 {
				clear: left;
			} */
		</style>
	</head>
	<body>
		
			<div id="row1" class="rowstyle1">
				<div id="div1">div1</div>
				<div id="div2">div2</div>
			</div>
			<!-- <div id="row2" class="rowstyle">
				<div id="div3">div3</div>
				<div id="div4">div4</div>
			</div> -->


		


	</body>
</html>
